
    	*{
    		margin: 0;
    		padding: 0;
    		border: none;
    	}
    	html,body{
    		width: 100%;
    		height: 100%;
    	}
    	#page1{
    		width: 100%;
    		height: 100%;
    		background: url(../img/背景.png);
    		background-size: contain;
    	}
    	#page2{
    		width:100%;
    		height:100%;
    		background:url(../img/34.jpg);
    		background-size:cover;
	        animation: pa2 3s;
         }
         
        
        @keyframes pa2{
	      from{
		    	margin-left:30rem;
		         }
	       to{
	         	margin-left: 0rem;
	          }
            }

            
   .page2_2 {
	       width:100%;
    		height:100%;
    		background:url(../img/34.jpg);
    		background-size:cover;
	        animation: ro 3s inear alternate;
      }
      @keyframes ro{
      	from{
      		transform-origin: left;
      		transform:rotateY()(0deg);
      		opacity: 1;
      	}
      	to{
      		transform-origin: left;
      		transform:rotateY()(90deg);
      		opacity:0 ;
      	}
      }
      
      
      
        #page3{
        	width: 100%;
    		height: 100%;
    		background: url(../img/背景.png);
    		background-size: cover;
    		background-repeat: no-repeat;
        }
        
        
        
    	.p_bottom{
    		position: absolute;
    		bottom: 0;
    		width: 30rem;
    		height: 24rem;
    		background: url(../img/w658.png);
    		background-size: cover;
        }
    	.p_denglong{
    		position: absolute;
    		left: 0;
    		top: 0;
    		width: 10.0rem;
    		height: 14.77203647416413rem;
    		background: url(../img/light.png);
    		background-size: contain;
    		animation: ja 3s linear infinite;
    		-webkit-animation: ja 3s linear infinite;
    	}
    	@-webkit-keyframes ja{
    		0%{
    			transform: scale(0.8);
    		}
    		25%{
    			transform: scale(1);
    		}
    		50%{
    			transform: scale(1.2);
    		}
    		75%{
    			transform: scale(1.1);
    		}
    		100%{
    			transform: scale(1);
    		}
    	}
    	@keyframes ja{
    		0%{
    			transform: scale(0.8);
    		}
    		25%{
    			transform: scale(1);
    		}
    		50%{
    			transform: scale(1.2);
    		}
    		75%{
    			transform: scale(1.1);
    		}
    		100%{
    			transform: scale(1);
    		}
    	}
    	
    	.p_meihua{
    		position: absolute;
    		right: 0;
    		top: 0;
    		width: 22.0025706940874rem;
    		height: 18rem;
    		background: url(../img/meihua.png);
    	    background-size: contain;
    		}
    		
    	.p_zuo{
    		position: absolute;
    		top: 0;
    		left: 5rem;
    		margin: auto;
    		float:none;
    		width: 6rem;
    		height: 6rem;
    		background: url(../img/ci.png);
    		background-size: contain;
    		animation: ha 3s linear alternate-reverse infinite;
    		-webkit-animation: ha 3s linear alternate-reverse infinite;
    	}
    	@-webkit-keyframes ha{
    		from{transform: rotate(-30deg);}
    		to{transform: rotate(30deg);}
    	}
    	@keyframes ha{
    		from{transform: rotate(-30deg);}
    		to{transform: rotate(30deg);}
    	}
    
    
    	.p_you{
    		position: absolute;
    		top: 0;
    		right: 5rem;
    		bottom: 0;
    		margin: auto;
    		float:2rem;
    		width: 6rem;
    		height: 6.280575539568345rem;
    		background: url(../img/jiu.png);
    		background-size: contain;
    		animation: lk 3s linear alternate-reverse infinite;
    		-webkit-animation: lk 3s linear alternate-reverse infinite;                   
    	}
    	@-webkit-keyframes lk{
    		from{transform: rotate(-30deg);}
    		to{transform: rotate(30deg);}
    	}
    	@keyframes lk{
    		from{transform: rotate(-30deg);}
    		to{transform: rotate(30deg);}
    	}
    	
    #di{
    	    position: absolute;
    		top: 12rem;
    		left: 0;
    		margin: auto;
    		width: 30rem;
    		height: 10rem;
    }
    
    #ji{
    	position:absolute;
    		top: 14rem;
    		left: 5rem;
    		right: 2rem;
    		bottom: 30rem;
    		margin: auto;
    		float:3rem;
    		width: 6rem;
    		height: 6.685714285714286rem;
    		background: url(../img/ji.png);
    		background-size: cover;
    	}
    	
     #bi{
    		position:absolute;
    		top: 22rem;
    		left: 0;
    		margin: auto;
    		width: 30rem;
    		height: 12rem;
    	}
    	
    	.p_left{
    		position: absolute;
    		top: 0;
    		left: 5rem;
    		bottom: 0;
    		margin: auto;
    		float:1rem;
    		width:7.570815450643777rem;
    		height:6.0rem;
    		background: url(../img/ying.png);
    		background-size: contain;
    		animation: bv 3s linear alternate-reverse infinite;
    		-webkit-animation: bv 3s linear alternate-reverse infinite;         
    	}
    	@-webkit-keyframes bv{
    		from{transform: rotate(30deg);}
    		to{transform: rotate(-30deg);}
    	}
    	@keyframes bv{
    		from{transform: rotate(30deg);}
    		to{transform: rotate(-30deg);}
    	}
    	
      
    	
    	.p_right{
    		position: absolute;
    		top: 0;
    		right: 5rem;
    		bottom: 0;
    		margin: auto;
    		float:1rem;
    		width:7.72532188841202rem;
    		height:6.0rem;
    		background: url(../img/xin.png);
    		background-size: contain;
    		animation: gh 3s linear alternate-reverse infinite;
    		-webkit-animation: gh 3s linear alternate-reverse infinite;                   
    	}
    	@-webkit-keyframes gh{
    		from{transform: rotate(30deg);}
    		to{transform: rotate(-30deg);}
    	}
    	@keyframes gh{
    		from{transform: rotate(30deg);}
    		to{transform: rotate(-30deg);}
    	}
 
 #ding{
 	 position: absolute;
    		top: 0;
    		left: 0;
    		margin: auto;
    		width: 30rem;
    		height: 10rem;
       }
.p2_wenzi {
	width: 25.2rem;
	font-family: "微软雅黑";
	font-weight:500;
	border-color: greenyellow;
	text-shadow: 5px 5px 3px darksalmon;;
	font-size: 1.4rem;
	color:black;
	position: relative;
	top: 25vh;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
	animation: dong 3s;
         }
    @keyframes dong{
	  from{
     margin-top:70rem;
		         }
	  to{
	         	margin-top: 30rem;
	          }
            }
 }
 
 #p1{
 	position: absolute;
	top: 13rem;
	left: 15rem;
	width: auto;
	height: auto;
	font-size:large;
	font-weight: 300;
	font-family: "隶书";
	color:red;
 }
 
 #video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	display: none;
	margin: auto;
  }
 .p2_bainian {
	font-family: "隶书";
	font-size: 5rem;
	color: red;
	position: relative;
	top: 35vh;
	left: 10vw;
	text-align: center;
}
.p3_tu{
	position: absolute;
    		top: 0;
    		right: 7rem;
    		bottom: 0;
    		margin: auto;
    		float:1rem;
    		width:14.2rem;
    		height:14rem;
    		background: url(../img/5.jpg);
    		background-size: contain;
	}
	
.p2_yinzhang {
	position: relative;
	width: 2.5rem;
	height: 4.452054794520548rem;
	left: 2rem;
	top: 50vh;
	background: url(../img/hy_0003_印章.png);
	background-size: contain;
}

.p2_gongji {
	position: relative;
	width: 6rem;
	height: 7.33122028526149rem;
	left: 20rem;
	top: 40vh;
	background: url(../img/hy_0004_鸡.png);
	background-size: contain;
}

.p2_2017 {
	position: relative;
	width: 10rem;
	height: 5.177304964539007rem;
	left: 10vw;
	top: 20vh;
	background: url(../img/2017.png);
	background-size: contain;
}

.p2_zhufu {
	width: 25.2rem;
	font-family: "微软雅黑";
	font-size: 1.4rem;
	color: dimgray;
	position: relative;
	top: 25vh;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
/*	animation: zfa 2s;
	-webkit-animation: zfa 2s;*/
}


@-webkit-keyframes zfa {
	from {
		top: 60vh;
		font-size: 1rem;
	}
	to {
		top: 20vh;
		font-size: 1.4rem;
	}
}

/*@keyframes zfa {
	from {
		top: 60vh;
		opacity: 0.1;
		font-size: 1rem;
	}
	to {
		top: 40vh;
		opacity: 1;
		font-size: 1.4rem;
	}
}*/
